<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的订单</title>
    <link rel="stylesheet" href="../style/myorder.css">
</head>
<body>
<div class="wrapper">
    <!---------------------------------header------------------------------------>
    <header>
        <a class="iconfont" href="myshow.html">&#xe610;</a>
        <span>我的订单</span>
    </header>

    <!--------------------------------container---------------------------->
    <div id="container">
        <ul id="list">
            <li>
                <div class="content">
                    <div class="good-pic">
                        <a href="javascript:;">
                            <img src="../images/car.png" alt="">
                        </a>
                    </div>
                    <div class="good-info">
                        <div class="title">
                            ESPRIT 气质V领玫红T恤
                        </div>
                        <span class="del"><img src="../images/l.png" alt=""></span>
                        <div class="price">
                            单价：<span>￥<em>199</em></span>
                        </div>
                        <div class="count">
                            数量：<span>1</span>
                            <strong>取消订单</strong>
                        </div>

                    </div>
                </div>
            </li>
            <li>
                <div class="content">
                    <div class="good-pic">
                        <a href="javascript:;">
                            <img src="../images/lv.png" alt="">
                        </a>
                    </div>
                    <div class="good-info">
                        <div class="title">
                            CACBM 盖尔斯条纹单肩包
                        </div>
                        <span class="del"><img src="../images/l.png" alt=""></span>
                        <div class="price">
                            单价：<span>￥<em>399</em></span>
                        </div>
                        <div class="count">
                            数量：<span>1</span>
                            <strong>取消订单</strong>
                        </div>

                    </div>
                </div>
            </li>
        </ul>
    </div>
    <!----------------------------footer----------------------------------->
    <footer>
        <ul>
            <li>
                <a href="index.html">
                    <span class=" iconfont">&#xe60e;</span>
                    <strong>首页</strong>
                </a>
            </li>
            <li >
                <a href="search.html">
                    <span class=" iconfont">&#x3553;</span>
                    <strong>分类</strong>
                </a>
            </li>
            <li >
                <a href="shopcar.html">
                    <span class=" iconfont">&#xe653;</span>
                    <strong>购物车</strong>
                </a>
            </li>
            <li class="active">
                <a href="myshow.html">
                    <span class=" iconfont">&#xe603;</span>
                    <strong>我的秀</strong>
                </a>
            </li>
            <li>
                <a href="more.html">
                    <span class=" iconfont">&#xe669;</span>
                    <strong>更多</strong>
                </a>
            </li>
        </ul>
    </footer>
</div>
</body>
</html>